#encoding UTF-8
<html>
<head>
    <title>Browser with Readability</title>
</head>
<!--<script src="jquery-1.6.4.min.js"></script>-->
<link href="style.css" type='text/css' rel='stylesheet'></style>
<script>
    function clearData() {
        frmInput.text.value = '';
        return false;
    }
</script>
<body>
LIST URL: 
<form name='frmInput' id='frmInput' action='doProcess' method='post'>
    #if $lurl
        <table border=0><tr><td valign='top'>
        <textarea rows="10" cols="50" name='text'>$lurl</textarea><input type='submit' value='Submit' />
        <input type='button' value='Clear' onClick='return clearData();' /></td>
        <td valign='top'>
            #for $item in $data:
                <a href='$item.lurl'>$item.lurl</a><br />
            #end for
        </td></tr></table>
    #else
        <textarea rows="10" cols="50" name='text' value='' ></textarea><input type='submit' value='Submit' />
    #end if
</form>
#if $lurl
<table width=100%>
#for $item in $data:
    <tr>
        <td colspan='2' style='color: green;'><h2>URL: $item.lurl</h2>
        </td>
    </tr>
    <tr>
        <td width=50% valign="top">
            <div id='container' class='style-novel'>
                <h1>$item.title</h1>
                $item.content
            </div>
        </td>
        <td valign="top">
            <iframe src='$item.lurl' width='100%' frameborder='0' height='100%'></iframe>
        </td>
    </tr>
#end for
</table>
<div align="right"><a href='#top'>Lên đầu trang</a></div>
#end if
</body>
</html>

